﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="HQ.Web._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="SiteHead">
    <style type="text/css">
    <%--.w_block{ background:#ccc;}--%>
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="SiteBody">
    <div class="w_fluid">
        <div class="w_sectionTitle">
        欢迎使用javascript框架和css框架，下面将为您演示系统开发过程中经常使用到的javascript UI控件和 预定义的常用css样式。        
        </div>
        <div class=" w_blockTitle">
        1.介绍和说明
        </div>
        <div class="w_block">
           <div>
           <p>为了实现快速开发Web系统，我们提供了这套ASP.Net Web通用开发程序。为了对整个站点的样式和js进行统一的管理和维护，
           首先建立了Site.Master文件，网站的所有页面均来源于此Master文件。其重要内容是引入了framework.css Css框架，
           jquery.js  js框架和站点相关的 Site.js,Site.css 四个重要文件。</p>
           <pre>本系统的展示主要分为6块:    
    1.介绍和说明 
    2.展示
    3.使用的代码
    4.注意事项
    5.参考资料
    6.意见反馈
</pre>
        <div class=" w_layoutA">
            <div class=" w_fluid"  style=" width:50%;">
				<div class="w_block">

                <p class=" w_sectionTitle">本系统主要包含前台和后台两个部分。</p>
           <p>一，前台的主要内容有：功能强大的Jquery，一些功能强大的第三方js组件和预设的css样式，系统保持了不错的js和css样式扩展性，并坚持
           Fast and Easy 的设计理念。
           可以方便开发人员自由的添加自己拥有的优秀js程序代码，和自定义通用的css样式。</p>
           <p>二，而对于后台实现：我们首先提供了一个常用的开发工具包GA.Utils.dll,包括了ExcelHelper.cs,XmlHelper.cs等等常用工具类，
           免除程序员需要针对不同的系统开发类似代码的痛苦，把共通的功能进行整合，以方便管理和维护，
           并能极大的为程序员节省宝贵的时间，去开发核心代码，去理解核心业务，从而提升开发效率。</p>
           <p>右图是GA.Utils.dll概览：</p>
           <p>其次，值得一提的就是对后台的数据处理进行了泛型封装，使得后台的代码调用变得非常简单，默认为Business层，和Access层都生成了默认实例，</p>
           <p>最后，我们实现了一个通用的分页包转存储过程，使用者可以任意编写自己的sql语句，并按简单的数据格式将想要展示数据按：
           start条到end条的两个参数和拼好的sql语句一起传给后台就可以分页了。</p>
           <p>而对于存储过程，我们也提供了分页模板，应用者把模板代码拷贝一下就可以将分页代码加入到自己的存储过程当中，本来也想将存储过程进行统一封装，
           但是经过分析后，发现不具可行性，最好选择提供模板的方式给开发人员。</p>
                </div>
			</div>
            <div class=" w_fluid"  style=" width:50%;">
			<div class="w_block" style=" padding-left:20px;">
                <img src="Scripts/Page/images/GA_Utils.jpg" />
                <p>GA.Utils.dll</p>
            </div>
			</div>
        </div>

           </div>         
        
        </div>

        <div class=" w_blockTitle">2.展示</div>
        <div class=" w_layoutA">
            <div class=" w_fluid"  style=" width:50%;">
                <div class=" w_block">
                <p>A:前台文件概览</p>            
                <img src="Scripts/Page/images/FrontFiles.jpg" />
                <p>前台文件概览</p>
                </div>
            </div>
            <div class=" w_fluid"  style=" width:50%;">
            <div class=" w_block">
                <p>B:后台文件概览</p>
                <img src="Scripts/Page/images/BackFiles.jpg" />
                <p>后台文件概览</p>
            </div>
            </div>
        </div>
        
        <br />
        <br />
        <div class="w_blockTitle">3.使用的代码</div>
        <div class="w_block">       
        <p></p>
        </div>
        
        <div class="w_blockTitle">4.注意事项</div>
        <div class="w_block">
              One of the best ways of learning how to do anything new is to get your hands dirty as quickly as possible. 
        </div>
        <div class="w_blockTitle"> 5.参考资料</div>
        <div class="w_block">                
         <p>
          Jquery官方网站：<a href="http://docs.jquery.com/Main_Page">http://docs.jquery.com/Main_Page
         </a></p>
         
         <p>
          JqueryUI官方网站地址：<a href="http://jqueryui.com/demos/">http://jqueryui.com/demos/ 
         </a></p>

         <p>
         DataTables官方网站 <a href="http://www.datatables.net/examples/">http://www.datatables.net/examples/
         </a></p>           
        </div>
        <div class="w_blockTitle">6.意见反馈</div>
        <div class="w_block">

        </div>
        <p>
        请在此留下您宝贵的意见。
        </p>
    </div>





</asp:Content>
